<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>列表项位置属性</title>
<style type="text/css">
body{font-size:12px;
line-height:20px;}
.ulImage{list-style: circle inside url(images/arrowBlue.gif);}
.out{ list-style-position:outside;}
.in{ list-style-position:inside;}
</style>
</head>
<body>
<ul>
    <li class="out">演示列表样式位置属性，以列表项内容为准对齐，ouside表示列表项标记位于文本左侧，在文本以外，并且环绕文本不根据标记对齐，list-style-position的值为outside</li>
    <li class="in">列表样式位置属性，以列表项内容为准对齐，inside表示列表项目标记放在文本以内，并且环绕文本根据标记对齐，list-style-position的值为inside</li>
</ul>
<ul class="ulImage">
    <li>演示列表样式位置属性，以列表项内容为准对齐，ouside表示列表项标记位于文本左侧，在文本以外，并且环绕文本不根据标记对齐，list-style-position的值为outside</li>
    <li>列表样式位置属性，以列表项内容为准对齐，inside表示列表项目标记放在文本以内，并且环绕文本根据标记对齐，list-style-position的值为inside</li>
</ul>
</body>
</html>
